<template>
    <div>
        <el-row type="flex" justify="space-around" class="myrow">
            <el-col :span="7">
                <h2>实时在线泊位数</h2>
                <h1>{{onlineParkLockNum == null ? 0 : onlineParkLockNum}} 个</h1>
            </el-col>
            <el-col :span="7">
                <h2>累计运行时间</h2>
                <h1>{{ parseInt(runTime/1000/60/60) }}个小时</h1>
            </el-col>
            <el-col :span="7">
                <h2>累计收益</h2>
                <h1>{{ amount == null ? 0 : amount}} 元</h1>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
  name: "runInfo",
  data:function(){
      return{
        onlineParkLockNum : 12,
        runTime:4123123,
        amount:888
      }
  },
  methods: {
    getTest() {
      this.request({
        url: "/lclock",
        methods: "get"
      });
    }
  }
};
</script>

<style scoped>


.myrow > div{
   text-align: center;
}

h1 {
    font-size: 250%;
}

h2 {
    font-size: 200%;
}
</style>
